﻿<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="../knockout-3.0.0.js"></script>
</head>
<body>   
    <h1>F12 and notice no DIV</h1>
    <label><input type="checkbox" data-bind="checked: message" /> Display message</label>

    <!-- ko if: message -->
    <div>
        <ul>
            <li>Thing 1</li>
            <li>Thing 2</li>
        </ul>
    </div>
    <!-- /ko -->

    <script type="text/javascript">
        var model = {
            message: ko.observable()
        };
        ko.applyBindings(model);
    </script>
</body>
</html>